@charset "ISO-8859-1";

html, body {
	width : 100%;
	overflow : hidden;
}

body {
	font-family : Helvetica, Tahoma, Verdana;
	font-size : 12px;
	margin : 0 auto;
	padding : 0;
	background-color : #373737;
	background-image : url(../img/bg-container.jpg);
	background-repeat : repeat-x;
	background-position : top;
	background-attachment : fixed;
	color : #a5a6a6;
	height : 100%;
}

div {
	display : block;
}

* {
	margin : 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family : Helvetica, sans-serif;
	font-weight : normal;
	color : #787777;
}
h1 {
	font-size : 33px;
	line-height : 30px;
	margin-bottom : 10px;
}
h2 {
	font-size : 28px;
	line-height : 28px;
	margin-bottom : 10px;
}
h3 {
	font-size : 24px;
	line-height : 20px;
	margin-bottom : 10px;
}
h4 {
	font-size : 22px;
	line-height : 18px;
	margin-bottom : 8px;
	font-weight : bold;
}
	h5 {
	font-size : 18px;
	margin : 3px 0;
	padding : 0;
}
h6 {
	font-size : 16px;
	margin : 3px 0;
	padding : 0;
}
a {
	color : #a7a6a6;
	text-decoration : none;
}
a:visited {
	color : #a7a6a6;
	text-decoration : none;
}
a:hover {
	color : #a7a6a6;
	text-decoration : none;
}
a img {
	border : none;
}
.imgcenter {
	float : left;
	margin : 0 0 10px 0;
}
.imgleft {
	float : left;
	margin : 4px 12px 10px 0;
}
.imgright {
	float : right;
	margin : 4px 0 10px 12px;
}
.border {
	padding : 4px;
	border : 1px solid #ebebeb;
}
p, ul, ol, blockquote {
	font-size : 12px;
	line-height : 18px;
	margin-bottom : 14px;
	color : #a5a6a6;
}
li ol, li ul {
	font-size : 1em;
	list-style : square;
	margin-bottom : 0;
	margin-top : 0;
}
li ol {
	list-style : decimal;
}
blockquote {
	font-style : italic;
	margin : 0;
	color : #6e7a7f;
	padding : 0 4px 2px 38px;
	background-image : url(../img/quote.png);
	background-position : 0 5px;
	background-repeat : no-repeat;
	height : 27px;
}

#topbar {
	/*background: url('../images/topbar.png') no-repeat center !important;*/
	background-color: #666 !important;
	width: 100%;
	height: 20px;
	color:white;
	font-size: 11px;
	top: 0px;
	position: absolute;
	padding-left: 80%;
}

#container {
	width : 960px;
	margin : 0 auto;
}
#header {
	width : 960px;
	top : 0;
	position : fixed;
	z-index : 20;
}
.logo {
	width : 220px;
	height : 74px;
	margin-top : 30px;
	float : left;
}

#mainmenu {
	width : 480px;
	margin : 48px 50px -126px 0;
	float : right;
	border-style : solid;
	border-width : 1px;
	background-color : white;
	opacity : 0.7;
	color : #ffffff !important ;
	text-align: center;
	vertical-align: middle;
	height: 30px;
}

.navigation {
	width : 453px;
	list-style-type : none;
}
.navigation ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
	position : relative;
	clear : both;
}
.navigation li {
	list-style-type : none;
	padding : 0;
	margin : 0;
	float : left;
	z-index : 100;
	position : relative;
}
.navigation li a {
	font-size : 18px;
	text-decoration : none;
	color : #787777 !important ;
	display : block;
	margin : 0;
	padding : 0 25px 10px 0;
	float : left;
	z-index : 100;
}
.navigation li.current a, .navigation li a:hover, .navigation li.current li a:hover {
	text-decoration : none;
	color : #787777 !important ;
}
.navigation li.current li a {
	text-decoration : none;
	color : #ffffff !important ;
}
#slideshow-container {
	width : 805px;
	margin : 50px auto;
}
#slideshow {
	width : 493px;
	height : 347px;
	margin : 150px 0 0 -116px;
	background-image : url(../img/slide-monitor.png);
	background-repeat : no-repeat;
	position : fixed;
	z-index : 80;
	float : left;
}
#slideshow ul, #slideshow li {
	width : 385px;
	height : 218px;
	margin : 8px 0 0 27px;
	padding : 0;
	list-style-type : none;
}
#page {
	width : 960px;
	margin : 0 auto;
	position : relative;
	z-index : 10;
	margin-top : 80px;
}
#content {
	width : 960px;
	height : 513px;
	margin : -76px 0 360px 0;
	float : left;
}
.content-box {
	width : 874px;
	height : 513px;
	margin : 133px 0 0 80px;
	background-image : url(../img/box-bg.jpg);
	background-repeat : repeat-x;
	float : left;
}
* html .content-box {
	margin-left : 40px;
}
.content-box-left {
	width : 859px;
	height : 513px;
	background-image : url(../img/box-bg-left.jpg);
	background-repeat : no-repeat;
	float : left;
}
.content-box-right {
	width : 15px;
	height : 513px;
	background-image : url(../img/box-bg-right.jpg);
	background-repeat : no-repeat;
	float : right;
}
.front-content {
	width : 467px;
	margin : 60px 0 0 0;
	float : left;
	position : absolute;
	right : 30px;
	height : 400px;
	overflow-y : auto;
	overflow-x : hidden;
}
.about, .services, .gallerie, .contact, .partenaire {
	position : relative;
	width : 100%;
	top : 0;
	display : block;
	left : 0;
	padding : 0;
}
#footer {
	width : 960px;
	color : #d3d3d3;
	margin : 70px auto 0 auto;
}
#footer-copyright {
	width : 600px;
	position : fixed;
	top : 690px;
	float : left;
}
#social-icon {
	width : 360px;
	height : 27px;
	margin-left : 600px;
	position : fixed;
	top : 695px;
}
.social {
	width : 180px;
	float : right;
	list-style-type : none;
}
.social ul, .social li {
	margin-top : -20px;
	list-style-type : none;
}
.social li a {
	display : block;
	padding : 0 9px 0 0;
	float : left;
}
form {
	margin : 0;
	padding : 0;
}
fieldset {
	border : 0;
	margin : 0;
	padding : 0;
}
#contactFormArea {
	width : 410px;
	margin-top : 0;
	color : #606060;
	float : left;
}
#contactFormArea label {
	width : 60px;
	font-size : 12px;
	color : #a5a6a6;
	padding-right : 15px;
	margin-top : 6px;
	float : left;
}
.textfield {
	background-color : #ffffff;
	font-size : 13px;
	border : 1px solid #d7d7d7;
	width : 305px;
	padding : 5px 5px 5px 5px;
	margin : 0 0 15px 0;
	color : #6b6b6b;
}
.input-submit {
	background-image : url(../img/but-send.png);
	background-repeat : no-repeat;
	margin : 0 15px 0 0;
	padding : 0;
	border : 0;
	width : 91px;
	height : 34px;
	cursor : pointer;
	float : right;
}
.textarea {
	background-color : #ffffff;
	font-family : Arial, Helvetica, sans-serif;
	overflow-y : auto;
	font-size : 13px;
	border : 1px solid #d7d7d7;
	width : 305px;
	padding : 5px 5px 5px 5px;
	margin : 0;
	color : #6b6b6b;
	resizer : none;
}
.buttoncontact {
	background-image : url(../img/but-send.png);
	background-repeat : no-repeat;
	margin : 10px 15px 0 0;
	padding : 0;
	border : 0;
	width : 91px;
	height : 34px;
	cursor : pointer;
	float : right;
}
.require {
	float : right;
	display : inline;
	color : #f00;
	font-weight : bold;
	margin-right : 8px;
}
.notification {
	border-style : solid;
	border-width : 1px;
	margin-bottom : 15px;
	padding-bottom : 16px;
	padding-top : 16px;
	text-align : center;
}
.notification.error {
	background : 10px 10px no-repeat #fccac3;
	border-color : #ea5338;
}
.notification.info {
	background : 10px 10px no-repeat #d1e4f3;
	border-color : #4d8fcc;
}